<template>
	<u-popup
		v-model="getDiscountShow"
		mode="center"
		:mask-close-able="false"
		class="chicken-edit">
		<view class="box">
			<view class="title">
				恭喜您获得道具折扣卡
			</view>
			<view class="img">
				<image
					src="/static/images/chicken/dialog/discount_card.png"
					mode="widthFix"></image>
			</view>
			<view class="btn" @click="changeShow">
				<image
					src="/static/images/chicken/dialog/take_btn.png"
					mode="widthFix"></image>
			</view>
			
			<image
				class="close"
				@click="changeShow"
				src="/static/images/chicken/dialog/close.png"
				mode="widthFix"></image>
		</view>
	</u-popup>
</template>

<script>
	export default {
		name: 'myFriend',
		props: {
			getDiscountShow: {
				type: Boolean,
				default: false,
			},
		},
		data() {
			return {
				
			}
		},
		mounted() {
			
		},
		methods: {
			changeShow() {
				this.$emit('changeShow', 'getDiscountShow');
			},
		}
	}
</script>

<style lang="scss" scoped>
.chicken-edit {
	.box {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100vh;
		background-color: transparent;
		.title {
			font-size: 48rpx;
			color: #FFF2D5;
		}
		.img {
			margin: 90rpx 0 66rpx;
			image {
				width: 662rpx;
			}
		}
		.btn {
			margin-top: -20rpx;
			image {
				width: 404rpx;
			}
		}
		.close {
			position: absolute;
			right: 36rpx;
			top: 220rpx;
			width: 34rpx;
		}
	}
}
</style>